body {
	background-color: white;
}

#nav {
	box-shadow: 0px 0px 8px 0px rgba(181, 181, 181, 0.5);
}

#topNav {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 20px;

	p {
		// width: 1200px;
		margin: 0 auto;
		font-size: 12px;
		color: #535353;
		float: left;
		// display: inline-block;
	}

	.contact {
		float: right;
		display: inline-block;
		// position: relative;
		width: 99px;
		margin-top: 5px;
		height: 24px;
		font-size: 12px;
		vertical-align: middle;
		position: relative;
		line-height: 24px;
		display: inline-block;
		vertical-align: middle;
		background-image: url(https://p4.lefile.cn/product/adminweb/2019/08/14/4467e513-fa34-4081-bbc3-05390e1196e3.png);
		background-size: 100%;

		p {
			margin-left: 40px;
			color: #fff;
		}
	}

}


#hole {
	display: flex;
	justify-content: space-between;
	// background-color: blue;
	padding: 0;

	.rightBox {
		width: 630px;

		.name {
			width: 100%;
			font-size: 22px;
			font-weight: normal;
			color: #000000;
			margin-top: 20px;
		}

		.construction {
			color: #A2A2A2;
			font-size: 14px;
			margin-top: 8px;
			line-height: 22px;
			word-break: break-all;
			margin-bottom: 20px;
		}

		.miaosha {
			.top {
				width: 642px;
				height: 33px;
				background-color: #E1140A;

				.time {
					background: url("../imgaes/shop/时钟.png") no-repeat 10px center;
					// background-size: auto;
					// background-size: auto;
					margin-left: 0;
					padding-left: 30px;
					background-size: 14px;
					display: inline-block;
					line-height: 33px;
					color: #ffffff;
					font-size: 14px;
					float: left;
				}

				.right {
					float: right;
					font-size: 14px;
					line-height: 33px;
					margin-right: 18px;
					color: #ffffff;
				}
			}

			.bottom {
				background: #F9F9F9;
				border: 1px solid #F0F0F0;
				width: 642px;

				.price {
					padding-left: 15px;
					height: 42px;
					line-height: 42px;
					color: rgb(226, 35, 25);

					.nowPrice {
						font-weight: bold;
						font-size: 28px;
						color: #E1140A;
						margin-left: 20px;
					}

					.pastPrice {
						display: inline-block;
						margin-left: 12px;
						height: 42px;
						text-decoration: line-through;
						color: #a5a5a5;
						font-size: 13px;
						font-weight: 400;
					}
				}

				.activity {
					padding-left: 15px;
					height: 42px;
					line-height: 42px;
					color: #434242;
					// float: left;

					span {
						color: #df3033;
						background: 0 0;
						border: 1px solid #df3033;
						padding: 0 3px;
						margin-right: 12px;
						display: inline-block;
						line-height: 16px;
					}

					.nowDay {
						margin-left: 37px;
					}
				}

				.everyAc {

					// color: #df3033;
					.nowDays {
						color: #df3033;
						background: 0 0;
						border: 1px solid #df3033;
						padding: 0 3px;
						margin-right: 12px;
						display: inline-block;
						line-height: 16px;
						margin-left: 84px;
					}

					span {
						font-size: 12px;
						color: #333;

						a {
							color: rgb(255, 0, 0);
							font-weight: 600;
						}
					}
				}

			}

			.business {
				margin-top: 20px;

				.left {
					float: left;
					width: 58px;
					line-height: 30px;
					margin-right: 20px;
					margin-left: 20px;
				}

				.right {
					float: left;
					height: 30px;
					line-height: 30px;


					a {
						display: inline-block;
						background-color: #96cb27;
						color: white;
						border-radius: 12px;
						line-height: 22px;
						width: 86px;
						margin: 0 10px;
						text-align: center;
						// display: flex;
						// align-items: center;

						img {
							width: auto;
							height: 14px;
							vertical-align: middle;
							// margin-right: 7px;
							// margin-left: 5px;
							margin-bottom: 4px;
						}
					}
				}
			}


		}

		.send {
			margin-top: 30px;
			margin-bottom: 30px;

			.left {
				float: left;
				width: 58px;
				line-height: 30px;
				margin-right: 20px;
				margin-left: 20px;
			}

			.contain {
				float: left;
				background: #fff;
				border: 1px solid #DADADA;
				min-width: 258px;
				height: 28px;
				font-family: "PingFangSC-Regular";
				font-size: 12px;
				color: #434242;
				line-height: 28px;
				text-align: center;
			}
		}

		.buy {
			.left {
				margin-left: 20px;
				float: left;
				margin-bottom: 30px;
			}

			.right {
				float: left;

				.txt {
					width: 50px;
					height: 27px;
					text-align: center;
					float: left;
				}

				.sub {
					width: 27px;
					cursor: pointer;
					font-size: 18px;
					height: 27px;
					background-color: #E5E5E5;
					float: left;
					text-align: center;
					float: left;
					text-align: center;
					line-height: 20px;
					cursor: pointer;
					margin-left: 30px;
				}

				.add {
					width: 27px;
					font-size: 18px;
					height: 27px;
					background-color: #E5E5E5;
					float: left;
					text-align: center;
					cursor: pointer;
				}
			}
		}

		.buyNow {
			width: 130px;
			height: 36px;
			line-height: 36px;
			display: inline-block;
			color: #FFFFFF;
			background-color: #E1140A;
			text-align: center;
			font-size: 15px;
			margin-right: 10px;
			cursor: pointer;
			border: 1px solid #E1140A;
			vertical-align: middle;
			margin-left: 30px;
		}

		.app {
			margin-top: 30px;
			margin-left: 30px;
			font-size: 12px;
			letter-spacing: 0.5px;
			line-height: 14px;
			color: #434242;
		}

		.server {
			margin-left: 30px;
			span {
				width: 70px;
				line-height: 14px;
				font-size: 12px;
				color: #979797;
				font-weight: 400;
				float: left;
				margin-right: 20px;
				padding-bottom: 10px;
				img{
					width: 12px;
					height: 12px;
				}
			}
			.after{
				width: 100px;
			}
			.seven{
				width: 100px;
			}
		}
	}
}



* {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

img {
	border: 0;
}

/* 垂直居中 */
.small-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.magnifier {
	width: 500px;
	position: relative;
	// margin-top: 100px;
	// margin-left: 100px;
}

.magnifier-container {
	width: 500px;
	height: 500px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}

.move-view {
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../imgaes/shop/move-box.png');
}

.images-cover {
	height: 100%;
	width: 100%;
	position: relative;
}

.images-cover img {
	position: absolute;
	margin-left: 0;
}

.magnifier-assembly {
	height: 92px;
	overflow: hidden;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
}

.magnifier-btn {
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
}

.magnifier-btn span {
	line-height: 80px;
	height: 80px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
}

.magnifier-btn .magnifier-btn-left {
	float: left;
}

.magnifier-btn .magnifier-btn-right {
	float: right;
}

.magnifier-line {
	position: relative;
	overflow: hidden;
	height: 92px;
}

.magnifier-line ul {
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}

.magnifier-line li {
	float: left;
	width: 100px;
	cursor: pointer;
}

.magnifier-line ul>.active .small-img {
	border-color: #bbb;
}

.small-img {
	height: 78px;
	padding: 1px;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}

.small-img img {
	max-width: 100%;
	max-height: 100%;
}

.magnifier-view {
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}

.magnifier-view img {
	display: block;
}

.animation03 {
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}

.other {
	margin-top: 40px;

	.otherTittle {
		font-size: 22px;
		color: #434242;
		letter-spacing: 0.17px;
		line-height: 46px;
		font-weight: bold;
		width: 1176px;
		margin: 0 auto;
	}

	.others {
		background-color: #f6f7f8;
		padding: 20px 0;

		.middle {
			display: flex;
			justify-content: space-between;

			>div {
				margin: 0 7.5px;
				// padding: 21px 0 18px;
				width: 223px;
				background-color: #FFFFFF;
				text-decoration: none;
				height: 266px;
				cursor: pointer;

				a {
					// padding: 21px 0 18px;
					padding-top: 20px;
					width: 223px;
					background-color: #FFFFFF;
					text-decoration: none;
					height: 266px;
					display: flex;
					flex-direction: column;
					align-items: center;

					img {
						width: 153px
					}

					.name {
						line-height: 20px;
						font-size: 14px;
						overflow: hidden;
						text-overflow: ellipsis;
						width: 100%;
						text-align: center;
						white-space: nowrap;
						padding: 0 10px;
						box-sizing: border-box;
						color: #252525;
						margin-top: 3px;
						height: 20px;
					}
				}

				.produce {
					margin: 2px 0 5px;
					font-size: 12px;
					text-align: center;
					color: #979797;
					letter-spacing: 0.17px;
					line-height: 18px;
					overflow: hidden;
					text-overflow: ellipsis;
					width: 100%;
					white-space: nowrap;
					padding: 0 10px;
					box-sizing: border-box;
				}

				.price {
					font-size: 14px;
					color: #e2231a;
					text-align: center;
					letter-spacing: 0.17px;
					height: 29px;
					line-height: 29px;
					font-weight: bold;

				}
			}
		}
	}
}

.middle div:hover {
	transition: all .5s;
	box-shadow: 0 0 8px 0 rgba(200, 200, 200, 0.50);
	transform: translate3d(0, -2px, 0);
}